import Vue from 'vue'
import VueRouter from 'vue-router'


Vue.use(VueRouter)

const routes = [
  // 
  {
    path: '/',
    name: 'Home',
    component: () => import( '../views/Home.vue')
  },
  
  {
    path: '/details/:id',
    name: 'Details',
    component: () => import('../views/Details.vue')
  },
  {
    path: '/comment/:id',
    name: 'Comment',
    component: () => import('../views/Comment.vue')
  },
  {
    path: '/viewpoint/',
    name: 'Viewpoint',
    component: () => import('../views/Viewpoint.vue')
  },
  {
    path: '/longanswer/',
    name: 'Longanswer',
    component: () => import('../views/Longanswer.vue')
  },
  {
    path: '/shortanswer/',
    name: 'Shortanswer',
    component: () => import('../views/Shortanswer.vue')
  },
  {
    path: '/logon/',
    name: 'Logon',
    component: () => import('../views/Logon.vue')
  },
  {
    path: '/logoned/',
    name: 'Logoned',
    component: () => import('../views/Logoned.vue')
  },
  {
    path: '/collection/',
    name: 'Collection',
    component: () => import('../views/Collection.vue')
  },
  {
    path: '/message/',
    name: 'Message',
    component: () => import('../views/Message.vue')
  },



]

const router = new VueRouter({
  routes
})

export default router
